<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="styles/bannerList.css">
	
	<link rel="stylesheet" type="text/css" href="styles/main.css">
	<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
	<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
	<script type="text/javascript" src="scripts/jquery.easing.js"></script>
	<script type="text/javascript" src="scripts/main.js"></script>
	<style type="text/css">
		#myCarousel{
			height: 440px;
		}
		.carousel-inner,.item{
			height: 440px;
		}
		.fill{
			height: 440px;
		}
		#myCarousel .carousel-control{
			background:rgba(255,255,255,0);
		}
	</style>
</head>
<body>
	<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
	    <div class="item active">
	      	<div class="fill" style="background-image:url('temp/banner01.jpg');>
				<a href=""></a>
			</div>
	    </div>
	    <div class="item">
	     	<div class="fill" style="background-image:url('temp/banner01.jpg');">
				<a href=""></a>
			</div>
	    </div>
  		 <div class="item active">
	      	<div class="fill" style="background-image:url('temp/banner01.jpg');">
				<a href=""></a>
			</div>
	    </div>
	    <div class="item">
	     	<div class="fill" style="background-image:url('temp/banner01.jpg');">
				<a href=""></a>
			</div>
	    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
</body>
</html>